<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>今日运势抽签</title>
        <meta name="viewport" content="width=device-width,initial-scale=1"/>
        <style>
            body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;text-align:center;background:#fff9e6;padding:40px 20px}
            h1{color:#d42307}
            button{padding:12px 28px;font-size:18px;border:0;border-radius:6px;background:#d42307;color:#fff;cursor:pointer}
            button:disabled{background:#ccc}
            #result{margin-top:30px;font-size:20px;color:#333;min-height:60px}
            </style>
            </head>
            <body>
                <h1>今日运势抽签</h1>
                <p>点击下方按钮，抽取你的今日运势吧～</p>
                <button id="drawBtn" onclick="draw()">抽签</button>
                <div id="result"></div>

                <script>
                    const lucks=[
                    "大吉 🌟 今天做什么都顺！",
                    "中吉 ✨ 努力就有好结果。",
                    "小吉 🍀 平稳中带点小惊喜。",
                    "末吉 🌿 保持平常心即可。",
                    "凶 ⚡️ 低调谨慎，避免冲动。"
                    ];
                    function draw(){
                        const btn=document.getElementById('drawBtn');
                            const res=document.getElementById('result');
                                btn.disabled=true;
                                    res.textContent='抽签中...';
                                        setTimeout(()=>{
                                                const idx=Math.floor(Math.random()*lucks.length);
                                                        res.textContent=lucks[idx];
                                                                btn.disabled=false;
                                                                    },600);
                                                                    }
                                                                    </script>
                                                                    </body>
                                                                    </html>
                                                                    